<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
    <title>输口令换大奖</title>
    <link rel="stylesheet" href="css/index.css">
    <script>
        // 屏幕自适应
        function calculateSize () {
            var clientWidth = window.innerWidth || document.documentElement.clientWidth;
            if(clientWidth >= 640){
                clientWidth = 640;
            }
            var htmlSize = clientWidth/7.5;
            document.documentElement.style.fontSize = htmlSize + 'px';
        };
        calculateSize();
        window.addEventListener('resize', calculateSize);
    </script>
</head>
<body>
    <div id="app">
        <div id="banner"></div>
        <div id="inputbox"><input id="codeInput" type="text" placeholder="请输入口令"></div>
        <div id="getbtn">领取奖品</div>
        <div id="tip">什么是口令?</div>
        <div id="mine">我的奖品</div>
        <div id="whatscode" style="display:none;">
            <div id="whatscodebox">
                <div id="tipClose">×</div>
                <div id="tipTitle">什么是口令?</div>
                <div id="tipContent">电子银行口令卡相当于一种动态的电子银行密码。口令卡上以矩阵的形式印有若干字符串，客户在使用电子 银行（包括网上银行或电话银行）进行对外转账、B2C购物、缴费等支付交易时，电子银行系统就会随机给出一组口令卡坐标，客户根据坐标从卡片中找到口令组合并输入电子银行系统。</div>
            </div>
        </div>
        <div id="late" style="display:none;">
            <div id="latebox">
                <div id="latetitle">口令正确</div>
                <div id="lateword">您来晚了，已经被领完了</div>
            </div>
        </div>
        <div id="get-prize" style="display:none;">
        	<div id="prize-box">
        		<div id="prize-name">获得kindle一台</div>
        		<div id="prize-image"></div>
        		<p>有效期：2018/03/25-2018/04/25</p>
        		<p>线下门店兑换(当面核销有效)</p>
        		<p>兑换地址：高新区XXXXX</p>
        		<div id="exchangebtn"></div>
        		<div class="close" id="prizeclose"></div>
        	</div>
        </div>
    </div>

    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="js/index.js"></script>
</body>
</html>